<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<meta name="x5-orientation" content="portrait" />
	<meta name="x5-fullscreen" content="true" />
	<meta name="screen-orientation" content="portrait" />
	<meta name="full-screen" content="yes" />
	<link rel="stylesheet" type="text/css" href="css/reset.css" />
	<link rel="stylesheet" type="text/css" href="css/layer_mobile.css"/>
	<link rel="stylesheet" href="css/store.css" />
	<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="js/layer_mobile.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<title>商城</title>
</head>
<body>
	<!-- header_头部  -->
	<header>
		<p>
			<a href="javascript:;"></a>
			<i>商城</i>
		</p>
	</header>
	<!-- section_骨架 -->
	<section>
		<div class="store_tab">
			<ul>
				<li class="active"><i>从低到高</i></li>
				<li><i>销量最高</i></li>
				<li><i>距离最近</i></li>
				<li><i>评分最高</i></li>
			</ul>
		</div>
		<span><i>您还有消费金<b>1000</b>（100消费金抵扣1元）</i></span>
		<div class="store_list">
			<ul>
				<li>
					<a href="shopping_goods.html">
						<div><img src="images/logo/logo_Bg_18.jpg" alt="" /></div>
						<span>
							<h3>DWABC 隐藏式行车记录仪高清夜视1080P手机wifi互联监控迷你隐形</h3>
							<span class="clearfix">
								<span>￥<i>3600</i><b>55人付款</b></span>
								<strong>210m</strong>
							</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div><img src="images/logo/logo_Bg_18.jpg" alt="" /></div>
						<span>
							<h3>DWABC 隐藏式行车记录仪高清夜视1080P手机wifi互联监控迷你隐形</h3>
							<span class="clearfix">
								<span>￥<i>3600</i><b>55人付款</b></span>
								<strong>210m</strong>
							</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div><img src="images/logo/logo_Bg_18.jpg" alt="" /></div>
						<span>
							<h3>DWABC 隐藏式行车记录仪高清夜视1080P手机wifi互联监控迷你隐形</h3>
							<span class="clearfix">
								<span>￥<i>3600</i><b>55人付款</b></span>
								<strong>210m</strong>
							</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div><img src="images/logo/logo_Bg_18.jpg" alt="" /></div>
						<span>
							<h3>DWABC 隐藏式行车记录仪高清夜视1080P手机wifi互联监控迷你隐形</h3>
							<span class="clearfix">
								<span>￥<i>3600</i><b>55人付款</b></span>
								<strong>210m</strong>
							</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<div><img src="images/logo/logo_Bg_18.jpg" alt="" /></div>
						<span>
							<h3>DWABC 隐藏式行车记录仪高清夜视1080P手机wifi互联监控迷你隐形</h3>
							<span class="clearfix">
								<span>￥<i>3600</i><b>55人付款</b></span>
								<strong>210m</strong>
							</span>
						</span>
					</a>
				</li>
			</ul>
		</div>
	</section>
	<!-- footer_底部 -->
	<footer class="footer">
		<ul>
			<li>
				<a href="index.html"><img src="images/icon/icon_12.png" alt="" />首页</a>
				<a href="insurance.html"><img src="images/icon/icon_7.png" alt="" />保险</a>
				<a href="maintain.html"><img src="images/icon/icon_8.png" alt="" />保养</a>
				<a class="store" href="javascript:;"><img src="images/icon/icon_46.png" alt="" />商城</a>
				<a href="personal_center.html"><img src="images/icon/icon_10.png" alt="" />我的</a>
			</li>
		</ul>
	</footer>
</body>
</html>
<script>
	$(function(){
		$('.store').on('click',function(){
			alert("1")
		})
		//选项卡
		$('li').on('click',function(){
			$(this).addClass('active').siblings().removeClass('active')
		})
	})
</script>